//首页
#home{
    width: 100%;
    height: 100%;
    overflow: hidden;
    .home_con{
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        .bg_top{
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
        .bg_btm{
            width: 100%;
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: 1;
        }
        //首页中心内容
        .con_list{
            width: 100%;
            height: 100%;
            position: relative;
            top: 0;
            z-index: 5;
            padding-top: 68px;/*px*/
            box-sizing: border-box;
            color: #666666;
            h3{
                font-size: 18px;
                margin: 10px 0 20px;
            }
            h5{
                font-size: 13px;
                margin-bottom: 20px;
                color: #999999;
            }
            .logo{
                width: 55px;
                height: 55px;
            }
            #peoples{
                width: 100%;
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                box-sizing: border-box;
                padding: 0 8%;
                justify-content: center;
                li{
                    width: 20%;
                    height: 48px;
                    line-height: 48px;
                    margin-right: 15px;
                    margin-bottom: 10px;
                    border: 1px solid #cccccc;
                    box-sizing: border-box;
                    font-size: 18px;
                    background-color: #FFFFFF;
                    &:nth-of-type(4n+4){
                        margin-right: 0;
                    }
                }
                .active{
                    border: 1px solid #fd9118;
                }
            }
            .dc_btn{
                width: 284px;
                height: 46px;
                line-height: 46px;
                background: #fa8c0f;
                border: 1px solid #fc7900;
                border-radius: 23px;
                font-size: 18px;
                color: #FFFFFF;
                margin-top: 8px;
                outline: none;
            }
            .explain{
                width: 100%;
                text-align: center;
                font-size: 13px;
                color: #333333;
                margin-top: 18px;
                .go_kt{
                    color: #fc8c12;
                    margin-left: 2px;
                }
            }
            .ft_txt{
                color: #999999;
                font-size: 13px;
                position: absolute;
                bottom: 28px;
                left: 0;
                width: 100%;
            }
        }
    }
}
//点餐页面


//iPhoneX适配
//@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) {
//  #home{
//      .home_con{
//          .con_list{
//              padding-top: 144px;
//          }
//      }
//  }
//}